<template>
	<p v-html="ggfw" :id='p1'></p>
	<p v-html="flsm" :id='p2'></p>
	<p v-html="zpxx" :id='p3'></p>
</template>

<script setup>
	//要求：完成一个当导航栏
	//1.使用v-html完成三级标题的文字，定义数据变量：ggfw,flsm,zpxx
	const ggfw='<h3>公告服务</h3>';
	const flsm='<h3>法律声明</h3>';
	const zpxx='<h3>招聘信息</h3>';
	//2.使用p标签显示文本，使用v-bind为每个p标签绑定id，分别为p1,p2,p3
	const p1='p1';
	const p2='p2';
	const p3='p3';
</script>

<style scoped>
	#p1{
		color:red;
	}
</style>